<template>
  <div class="gi_page container">
    <a-card class="general-card">
      <a-grid :cols="24" :col-gap="12" :row-gap="12">
        <a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 24, xl: 4, xxl: 4 }">
          <a-card
              hoverable
              @click="goCopyright()"
              style="cursor:pointer; "
              title="版权查询"
          >
            <div style="text-align:center;">
              <icon-book/>
              <div>版权查询</div>
            </div>
          </a-card>
        </a-grid-item>

<!--        <a-grid-item :span="{ xs: 24, sm: 24, md: 24, lg: 24, xl: 4, xxl: 4 }">-->
<!--          <a-card-->
<!--              hoverable-->
<!--              @click="goQsExtraction()"-->
<!--              style="cursor:pointer;  "-->
<!--              title="汽水提取"-->
<!--          >-->
<!--            <div style="text-align:center;">-->
<!--              <icon-music/>-->
<!--              <div>汽水提取</div>-->
<!--            </div>-->
<!--          </a-card>-->
<!--        </a-grid-item>-->

        <!-- 其他功能块... -->
      </a-grid>
    </a-card>
  </div>
</template>

<script setup lang="ts">
defineOptions({name: 'MusicianUtils'})
const router = useRouter()

const goCopyright = () => {
  router.push({path: '/musician/musicianUtils/CopyrightUtils'})
}
const goQsExtraction = () => {
  router.push({path: '/musician/musicianUtils/QsExtractionUtils'})
}
</script>

<style scoped lang="scss">

</style>
